<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script>
	//fetch post和put区别
	//post适用于提交数据的，用于向后台发送参数、数据，添加功能、用户名登录
	//put适用于数据的更新、编辑数据
	
	fetch('http://localhost:3000/books',{
		method:'post',
		//body 是用来传递参数
		body:'uname=tom&pwd=123',
		headers:{
			'Content-Type':'application/x-www-form-urlencoded'
		}
	}).then((data)=>{
		return data.text()
	}).then((data)=>{
		console.log(data) 
	})
		
	fetch('http://localhost:3000/books',{
		method:'post',
		body:JSON.stringify({
			uname:'jerry',
			pwd:789
		}),headers:{
			'Content-Type':'application/json'
		}
	}).then((data)=>{
		return data.text()
	}).then((data)=>{
		console.log(data) 
	})
	
	//fetch 中数据发送json 和普通格式数据的区别
	//1、在body中 普通格式的数据为 JSON。stringify({name:'',pwd:''})
	//2、在请求头之中 application/不同点 //application/x-www-form-urlencoded |application/json
	
	
	fetch('http://localhost:3000/books/1',{
		method:'put',
		body:JSON.stringify({
			uname:'jerry',
			pwd:789
		}),headers:{
			'Content-Type':'application/json'
		}
	}).then((data)=>{
		return data.text()
	}).then((data)=>{
		console.log(data)
	})
    </script>	
</body>

</html>